<template>
	<view class="content">
		<view class="head-top">
			<view class="shouye-btn" @tap="gotoHome">
				<text>首页</text>
			</view>
			<scroll-view scroll-y="true" class="yuanxiao-list">
				<view v-for="(i,index) in partnerList" :key="index" class="line">
					<text>{{i.title}}</text>
				</view>
			</scroll-view>
		</view>
		<view class="neirong-list">
			<view class="item" v-for="(i,index) in partnerList" :key="index">
				<view class="item-title">
					<text>{{i.title}}</text>
				</view>
				<view class="item-box">
					<view class="item-box-top"></view>
					<view class="item-box-mid">
						<u-parse :content="i.introduce"></u-parse>
					</view>
					<view class="item-box-bottom"></view>
				</view>
			</view>
		</view>
		<view class="weibu">

		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				pcType: 1,
				partnerList: []
			};
		},
		onShow() {
			this.getTeam()
		},
		methods: {
			gotoHome() {
				uni.navigateBack({
					delta: 0
				})
			},
			getTeam() {
				uni.request({
					url: this.$api + '/potato-studio/image/mainImage/list',
					method: "GET",
					data: {
						pageSize: 50,
						pageNo: 1,
						imageType: 17,
						pcType: this.pcType,
					}
				}).then((res) => {
					console.log(res)
					this.partnerList = res[1].data.result.records
					console.log('this.partnerList', this.partnerList)
				})
			},
		}
	}
</script>

<style lang="scss">
	page {
		background: url('https://qingchenghai-1.oss-cn-hangzhou.aliyuncs.com/static/yuanxiao/yuanxiao-bg.jpg') repeat-y center top;
		background-size: 100% auto;
	}

	.head-top {
		width: 750rpx;
		height: 1324rpx;
		background: url('https://qingchenghai-1.oss-cn-hangzhou.aliyuncs.com/static/yuanxiao/yuanxiao-gead.png') no-repeat center center;
		background-size: 100% 100%;
		position: relative;
		display: flex;
		flex-direction: column;
		margin: 0 auto;
	}

	.shouye-btn {
		width: 214rpx;
		height: 126rpx;
		background: url('https://qingchenghai-1.oss-cn-hangzhou.aliyuncs.com/static/yuanxiao/shouye-btn.png') no-repeat center center;
		background-size: 100% 100%;
		position: absolute;
		left: 12rpx;
		top: 4rpx;
		display: flex;
		flex-direction: column;
		justify-content: center;

		text {
			color: #fff;
			font-weight: 400;
			font-size: 22px;
			margin-left: 90rpx;
		}

	}

	.yuanxiao-list {
		width: 560rpx;
		height: 536rpx;
		// border: 1px solid #fff;
		margin: 0 auto;
		margin-top: 550rpx;
	}

	.line {
		width: 420rpx;
		height: 100rpx;
		// border: 1px solid saddlebrown;
		background: url('https://qingchenghai-1.oss-cn-hangzhou.aliyuncs.com/static/yuanxiao/line.png') no-repeat center bottom;
		background-size: 100% auto;
		margin: 0 auto;
		display: flex;
		flex-direction: column;
		align-items: center;

		text {
			font-size: 24px;
			color: #fff;
			line-height: 24px;
			margin-top: 34rpx;
		}
	}

	.neirong-list {
		display: flex;
		flex-direction: column;
		width: 100%;
	}

	.item {
		display: flex;
		flex-direction: column;
	}

	.item-box {
		display: flex;
		flex-direction: column;
		margin: 0 auto;
	}

	.item-title {
		width: 612rpx;
		height: 130rpx;
		background: url('https://qingchenghai-1.oss-cn-hangzhou.aliyuncs.com/static/yuanxiao/item-title.png') no-repeat center center;
		background-size: 100% 100%;
		margin-left: 40rpx;
		display: flex;
		flex-direction: column;

		text {
			font-size: 16px;
			color: #fff;
			line-height: 16px;
			margin-top: 86rpx;
			margin-left: 40rpx;
		}
	}

	.item-box-top {
		width: 726rpx;
		height: 64rpx;
		background: url('https://qingchenghai-1.oss-cn-hangzhou.aliyuncs.com/static/yuanxiao/item-box-top.png') no-repeat center center;
		background-size: 100% 100%;
	}

	.item-box-mid {
		width: 626rpx;
		// height: auto;
		background: url('https://qingchenghai-1.oss-cn-hangzhou.aliyuncs.com/static/yuanxiao/item-box-mid.png') repeat-y center center;
		background-size: 100% auto;
		display: flex;
		padding: 0 50rpx;


	}

	.item-box-bottom {
		width: 726rpx;
		height: 60rpx;
		background: url('https://qingchenghai-1.oss-cn-hangzhou.aliyuncs.com/static/yuanxiao/item-box-bottom.png') no-repeat center center;
		background-size: 100% 100%;
	}

	.weibu {

		width: 750rpx;
		height: 182rpx;
		background: url('https://qingchenghai-1.oss-cn-hangzhou.aliyuncs.com/static/yuanxiao/weibu.png') no-repeat center center;
		background-size: 100% 100%;
	}
</style>
